<table class="editTable">
    <tr>
        <td colspan="4">
            <div class="divider">
                <span>使用标签实现</span>
            </div>
        </td>
    </tr>
    <tr>
        <td class="label">组织机构</td>
        <td>
            <input name="org" data-toggle="topjui-combotreegrid"
                   data-options="width:450,
                   labelPosition:'top',
                   url:remoteHost+'/system/organization/getListByCodeSetIdAndLevelId?codeSetId=A&levelId=1',
                   expandUrl:remoteHost+'/system/organization/getListByPid?pid={id}',
                   idField:'id',
                   treeField:'text',
                   columns:[[
                       {field:'text',title:'机构名称'},
                       {field:'leader',title:'负责人'},
                       {field:'levelId',title:'层级',width:100}
                   ]]">
        </td>
    </tr>
    <tr>
        <td colspan="4">
            <div class="divider">
                <span>使用Javascript实现</span>
            </div>
        </td>
    </tr>
    <tr>
        <td class="label">组织机构</td>
        <td>
            <input type="text" id="org2" name="org2">
        </td>
    </tr>
</table>

<script>
    $(function () {
        $('#org2').iCombotreegrid({
            width: 450,
            labelPosition: 'top',
            url: remoteHost+'/system/organization/getListByCodeSetIdAndLevelId?codeSetId=A&levelId=1',
            expandUrl: remoteHost+'/system/organization/getListByPid?pid={id}',
            idField: 'id',
            treeField: 'text',
            columns: [[
                {field: 'text', title: '机构名称'},
                {field: 'leader', title: '负责人'},
                {field: 'levelId', title: '层级', width: 100}
            ]]
        });
    });
</script>